<template>
    <div class="total" v-for="(item, index) in pictures">
        <img src="@/assets/pic/test1.jpg" alt="pic">
        <!-- <div class="edit">
            <el-button class="pull-left" @click="dialogFormVisible = true" icon="el-icon-edit" type="primary" circle
                plain></el-button>
            <el-popconfirm confirm-button-text='对，滚' cancel-button-text='考虑一下' icon="el-icon-info" icon-color="red"
                title="这张图不要了，滚吧">
                <el-button class="pull-left col-sm-offset-1" icon="el-icon-minus" type="danger" slot="reference" circle
                    plain></el-button>
            </el-popconfirm>

            <el-dialog title="修改收藏夹" :visible.sync="dialogFormVisible" width="30%">
                <el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]"
                    :default-checked-keys="[5]" :props="defaultProps">
                </el-tree>
                <div slot="footer" class="dialog-footer">
                    <el-button @click="dialogFormVisible = false">取 消</el-button>
                    <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
                </div>
            </el-dialog>
        </div> -->
    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
const pictures = ref([
    { url: '@/assets/pic/test1.jpg' }
])
const dialogFormVisible = ref(false)

</script>

<style lang="scss" scoped>
.total {
    width: auto;
    height: auto;

    .edit {
        height: 0.36rem;
        width: 100%
    }

}
</style>